<template>
	<div>
		<text class="iconfont icon" :style="[fColorC,fFontC]">{{icon}}</text>
	</div>
</template>

<script setup>
import { computed } from 'vue';
	const props = defineProps({
		icon:{
			type:String,
			default:'\ue618;'
		},
		fColor:{
			type:String,
			default:'#ffffff'
		},
		fFont:{
			type:String,
			default:'25rpx'
		}
	})
	
	const fColorC = computed(() => {
		return `color:${props.fColor};`
	})
	const fFontC = computed(() => {
		return `font-size:${props.fFont};`
	})
	
</script>

<style lang="less" scoped>
.icon{
	font-size: 25rpx;
}
</style>